﻿<%@ Control Language="C#" AutoEventWireup="false" CodeBehind="AddQuestion.ascx.cs" Inherits="SuperSurvey.UserControl.AddQuestion" %>


<%@ Register Src="RadioAnswer.ascx" TagName="RadioAnswer" TagPrefix="uc1" %>
<%@ Register Src="CheckboxAnswer.ascx" TagName="CheckboxAnswer" TagPrefix="uc2" %>


<style type="text/css">
    .ContentQuestion {
        width: 658px;
        height: 293px;
        background: #fff;
        box-shadow: 1px 2px 2px 2px #dfdddd;
        border-radius: 4px;
        margin: 15px;
    }

    .type {
        margin: 10px 10px 10px 10px;
        border-radius: 3px;
        border-style: double;
        border-color: rgba(0,0,0,0.2);
    }

        .type:hover {
            border-color: rgba(0,0,0,0.4);
        }

        .type:focus {
            border-color: rgba(0,0,0,0.4);
        }

    .done {
        position: relative;
        bottom: 10px;
        left: 15px;
        border-radius: 3px;
        border: none;
        background: #dcdae1;
        color: #808080;
    }

        .done:hover {
            background: #808080;
            color: #dfdddd;
        }

    .auto-style1 {
        width: 128px;
        height: 20px;
    }

    .mtvAnswer {
    }

    .auto-style2 {
        width: 128px;
        height: 19px;
    }

    .auto-style3 {
        height: 19px;
    }

    .textbox {
        margin: 10px 10px 10px 145px;
        border-radius: 5px;
        border-color: rgba(0,0,0,0.1);
    }

        .textbox:hover {
            border-color: rgba(0,0,0,0.4);
        }

        .textbox:focus {
            border-color: rgba(0,0,0,0.4);
        }

    .auto-style4 {
        width: 95px;
    }
</style>


<div class="ContentQuestion" style="height: auto">

    <table style="width: 100%; height: 73px;">
        <tr>
            <td colspan="3">
                <asp:Label ID="lblQuestionNumber" runat="server" Text="QuestionNumber"></asp:Label></td>
        </tr>
        <tr>
            <td class="auto-style2" style="text-align: center">Question title</td>
            <td class="auto-style3" colspan="2">
                <asp:TextBox ID="txtQuestionTitle" CssClass="type" runat="server" Height="30px" Width="444px"></asp:TextBox></td>
        </tr>
        <tr>
            <td class="auto-style1" style="text-align: center">Question type </td>
            <td class="auto-style4">
                <asp:DropDownList ID="ddlQuestiontype" CssClass="type" runat="server" Height="30px" Width="150px" OnSelectedIndexChanged="ddlQuestiontype_SelectedIndexChanged" AutoPostBack="True" ForeColor="#666666">
                    <asp:ListItem>Text</asp:ListItem>
                    <asp:ListItem>CheckBoxList</asp:ListItem>
                    <asp:ListItem>RadioButton</asp:ListItem>
                </asp:DropDownList>
            </td>            
        </tr>
        <tr>            
            <td class="auto-style1" style="text-align: center">Number Answer: </td>
            <td class="auto-style4">
                <asp:TextBox ID="txtNumberAnswer" CssClass="type" runat="server" Height="25px" Enabled="False"></asp:TextBox></td>
            <td>
                <asp:ImageButton ID="imgbtnAddNewAnswer" runat="server" ImageUrl="~/Images/Additem.png" OnClick="imgbtnAddNewAnswer_Click" />
            </td>
        </tr>
    </table>

    <div style="height: auto">

        <asp:MultiView ID="mvwAnswerType" runat="server" ActiveViewIndex="0">
            <asp:View ID="vwTextAnswer" runat="server">
                <asp:Panel ID="pnlTextAnswer" CssClass="mtvAnswer" runat="server" Height="130px">
                    <asp:TextBox ID="TextBox2" CssClass="textbox" runat="server" Height="90px" Width="68%" TextMode="MultiLine"></asp:TextBox>
                </asp:Panel>
            </asp:View>

            <asp:View ID="vwRadioAnswer" runat="server">
                <asp:Panel ID="pnlRadioAnsewers" CssClass="mtvAnswer" runat="server"  Width="654px">
                </asp:Panel>
            </asp:View>

            <asp:View ID="vwCheckboxAnswers" runat="server">
                <asp:Panel ID="pnlCheckAnsewers" CssClass="mtvAnswer" runat="server"  Width="654px">
                </asp:Panel>
            </asp:View>
        </asp:MultiView>
    </div>

    <asp:Button ID="btnSessionQuestion" runat="server" CssClass="done" Text="Save" Height="25px" Width="82px" OnClick="btnSessionQuestion_Click"  />

</div>
